import React from 'react';


export default class Navbar extends React.Component{
	constructor(){
		super();
	}
	render(){
		return (
			<nav className="navbar navbar-eyas">
			  <div className="container">
			    
			    <div className="navbar-header">
			      <button type="button" className="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
			        <span className="sr-only">Toggle navigation</span>
			        <i className="icon-three-bars"></i>
			      </button>
			    </div>

			    
			    <div className="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
			      <ul className="nav navbar-nav">
			        <li className="active"><a href="#">前端</a></li>
			        <li><a href="#">生活</a></li>
			        <li className="dropdown">
			          <a href="#" className="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">PHP <span className="caret"></span></a>
			          <ul className="dropdown-menu" role="menu">
			            <li><a href="#">Action</a></li>
			            <li><a href="#">Another action</a></li>
			            <li><a href="#">Something else here</a></li>
			            <li className="divider"></li>
			            <li><a href="#">Separated link</a></li>
			            <li className="divider"></li>
			            <li><a href="#">One more separated link</a></li>
			          </ul>
			        </li>
			      </ul>
			    </div>
			  </div>
			</nav>
		)
	}
}